<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<link href="css/common.css" rel="stylesheet">
<link href="css/flowerDetailsPage.css" rel="stylesheet">
<link rel="stylesheet" href="css/font-awesome.css">
  <!--[if IE 7]>
    <link rel="stylesheet" href="css/font-awesome-ie7.css">
  <![endif]-->
</head>
<body>

 <!--顶部导航开始-->
        <div class="site_nav">
            <div class="center clearfix">
                <ul class="center_ul_l clearfix">
                    <li class="li1">
                        <a href="#">
                            <span></span> 收藏鲜花网(hua.com)
                        </a>
                    </li>
                    <li class="li2 por">
                        <a href="#">
                            <span></span> 关注微信
                        </a>
                        <div class="line poa">
                        </div>
                        <div class="dropdown poa">
                            <img src="img/wechat_qrcode.jpg" />
                            <p>扫码关注<br>回复"礼物" 更多惊喜！</p>
                        </div>
                    </li>
                    <li class="li3 por">
                        <a href="#">
                            <span></span> 手机花礼
                        </a>
                        <div class="line poa">
                        </div>
                        <div class="dropdown poa">
                            <img src="img/wechat_qrcode.jpg" />
                            <p>首单再减20！<br/>(需输入券号9920)</p>
                        </div>
                    </li>
                </ul>

                <ul class="center_ul_r clearfix">
                    <li class="li1">
                        <a href="#">你好，请登录</a>
                    </li>
                    <li class="site_nav_pipe"></li>
                    <li class="li2">
                        <a href="#">注册</a>
                    </li>
                    <li class="site_nav_pipe"></li>
                    <li class="li3">
                        <a href="#">订单查询</a>
                    </li>
                    <li class="site_nav_pipe"></li>
                    <li class="li4">
                        <a href="#">我的礼花</a>
                    </li>
                    <li class="site_nav_pipe"></li>
                    <li class="li5 por">
                        <a href="#">
                            客户服务
                            <i></i>
                        </a>
                        <div class="line poa">
                        </div>
                        <div class="dropdown poa">
                            <a href="#">在线付款</a>
                            <a href="#">帮助中心</a>
                            <a href="#">售后服务</a>
                            <a href="#">配送范围</a>
                            <a href="#">留言反馈</a>
                        </div>
                    </li>
                    <li class="site_nav_pipe"></li>
                    <li class="li6 por">
                        <a href="#">
                            <span></span> 购物车
                            <p>(0)</p>
                            <i></i>
                        </a>
                        <div class="line poa">
                        </div>
                        <div class="dropdown_cart poa" id="dropdown_cart">
                            <div class="empty">您的购物车中没有商品，
                                <a href="#">先去选购吧</a>！</div>
                        </div>
                    </li>
                    <li class="site_nav_pipe"></li>
                    <li class="li7">
                        <p>鲜花一往情深</p>
                    </li>
                </ul>
            </div>
        </div>
        <!--顶部导航结束-->

        <!--头部开始-->
        <div class="header">
            <div class="center">
                <div class="logo">
                    <h1>
                      <a href="index.html"><img src="img/logo.png"/></a>   
                      <span class="wwww-name">花礼网</span>
                    </h1>
                    <i></i>
                    <h2>中国鲜花礼品网 始于2005，简称花礼网</h2>
                </div>
                <div class="search">
                    <form action="" method="post">
                        <input type="text" class="form_control" placeholder="商品关键词">
                        <button>搜索</button>
                    </form>
                    <span class="help_block">
                        <a href="#">红玫瑰</a> | 
                        <a href="#">永生花</a> | 
                        <a href="#">生日鲜花</a> | 
                        <a href="#">礼品卡</a>
                   </span>
                </div>
                <div class="service">
                    <span class="ico_phone"></span>400-889-8188
                    <span class="line">|</span>
                    <span class="ico_headset"></span>
                    <a href="#">在线客服</a>
                </div>
            </div>
        </div>
        <!--头部结束-->

        <!-- navDefault start -->
        <div class="navDefault">
            <div class="wrapper clearfix">
                <div class="categorys dropdown por fl">
                    <h3>
                        <a href="#">
                            全部商品导购
                            <span class="icon-angle-down"></span>
                        </a>
                    </h3>
                    <div class="dropdownMenu dropdownCate poa">
                        <h4><a href="#">鲜花</a></h4>
                        <ul class="cateList listInline clearfix">
                            <li><a href="#">爱情鲜花</a></li>
                            <li><a href="#">友情鲜花</a></li>
                            <li><a href="#">生日鲜花</a></li>
                            <li><a href="#">问候长辈</a></li>
                            <li><a href="#">祝贺鲜花</a></li>
                            <li><a href="#">婚庆鲜花</a></li>
                            <li><a href="#">探病慰问</a></li>
                            <li><a href="#">道歉鲜花</a></li>
                            <li><a href="#">开业花篮</a></li>
                        </ul>
                        <h4><a href="#">永生花</a></h4>
                        <ul class="cateList listInline clearfix">
                            <li><a href="#">经典花盒</a></li>
                            <li><a href="#">巨型玫瑰</a></li>
                            <li><a href="#">薰衣草</a></li>
                            <li><a href="#">永生瓶花</a></li>
                            <li><a href="#">特色永生花</a></li>
                        </ul>
                        <h4><a href="#">蛋糕</a></h4>
                        <ul class="cateList listInline clearfix">
                            <li><a href="#">元祖</a></li>
                            <li><a href="#">好利来</a></li>
                            <li><a href="#">幸福西饼</a></li>
                            <li><a href="#">诺心</a></li>
                            <li><a href="#">窝夫小子</a></li>
                            <li><a href="#">Mcake</a></li>
                            <li><a href="#">可颂坊</a></li>
                            <li><a href="#">米卡米卡</a></li>
                            <li><a href="#">Vcake</a></li>
                            <li><a href="#">一品轩</a></li>
                            <li><a href="#">卡拉多</a></li>
                            <li><a href="#">oneoneCake</a></li>
                            <li><a href="#">美滋美客</a></li>
                            <li><a href="#">贝思客</a></li>
                            <li><a href="#">全国品牌</a></li>
                        </ul>
                        <h4><a href="#">礼品</a></h4>
                        <ul class="cateList listInline clearfix">
                            <li><a href="#">泰国保鲜花</a></li>
                            <li><a href="#">音乐盒</a></li>
                            <li><a href="#">水晶内雕</a></li>
                            <li><a href="#">金箔花</a></li>
                            <li><a href="#">化妆镜</a></li>
                            <li><a href="#">香薰系列</a></li>
                            <li><a href="#">音乐睡枕</a></li>
                            <li><a href="#">花瓶/相框</a></li>
                            <li><a href="#">镀金玫瑰</a></li>
                            <li><a href="#">LED蜡烛</a></li>
                            <li><a href="#">卡通花束</a></li>
                            <li><a href="#">品牌公仔</a></li>
                            <li><a href="#">智能音箱</a></li>
                            <li><a href="#">首饰</a></li>
                            <li><a href="#">手工巧克力</a></li>
                            <li><a href="#">进口巧克力</a></li>
                            <li><a href="#">创意礼品</a></li>
                            <li><a href="#">礼品卡</a></li>
                            <li><a href="#">茗茶</a></li>
                        </ul>
                        <h4><a href="#">绿植</a></h4>
                        <ul class="cateList listInline clearfix">
                            <li><a href="#">绿色植物</a></li>
                            <li><a href="#">盆栽花卉</a></li>
                        </ul>
                    </div>
                </div>
                <ul class="nav fl clearfix">
                    <li><a href="index.html" class="in-block">首页</a></li>
                    <li><a href="xianhua.html" class="in-block">鲜花</a></li>
                    <li><a href="yongshenghua.html" class="in-block">永生花</a></li>
                    <li><a href="cake.html" class="in-block">蛋糕</a></li>
                    <li><a href="present.html" class="in-block">礼品</a></li>
                    <li><a href="flowerLanguage.html" class="in-block">花语大全</a></li>
                    <li class="lastnone"><a href="#" class="in-block">射手座鲜花礼物</a></li>
                </ul>
            </div>
        </div>
        <!-- navDefault end -->

        <!-- firstPage Start -->
        <div class="firstPage">
            <div class="wrapper">
                <div class="breadcrumbs">
                    <a href="index.html"><b>首页</b></a> >
                    <a href="xianhua.html">鲜花</a> >
                    <span class="textPrimary">一往情深</span>
                </div>
            </div>
        </div>
        <!-- firstPage End -->

        <!-- products start -->
        <div class="wrapper">
            <div class="products clearfix">
                <div class="productsL fl por">
                    <div class="propreview por">
                        <div class="bigImage por">
                            <img src="img/page1.jpg" alt="">
                        </div>
                        <div class="smallImage">
                            <img src="img/page1.jpg" alt="">
                            <img src="img/page2.jpg" alt="">
                            <img src="img/page3.jpg" alt="">
                            <img src="img/page4.jpg" alt="">
                        </div>
                    </div>
                </div>
                <div class="productsR fr">
                    <div class="title">
                        <h3>一往情深----精品玫瑰礼盒:19枝红玫瑰，勿忘我适量</h3>
                        <p class="subtitle"></p>
                    </div>
                    <div class="attribute">
                        <dl>
                            <dt>类别:</dt>
                            <dd>鲜花-鲜花礼盒 编 号：9010966</dd>
                        </dl>
                        <dl>
                            <dt>材料:</dt>
                            <dd>高档礼盒装鲜花:19枝红玫瑰，勿忘我适量</dd>
                        </dl>
                        <dl>
                            <dt>包装:</dt>
                            <dd>牛皮纸和深咖啡色条纹纸，银色缎带花结，魔力铁山灰包装盒</dd>
                        </dl>
                        <dl>
                            <dt>花语:</dt>
                            <dd>你的轻柔像阵微风，让我从容不迫，想让你知道，我对你始终一往情深。</dd>
                        </dl>
                        <dl>
                            <dt>附送:</dt>
                            <dd>免费附送精美贺卡，代写您的祝福。(您下单时可填写留言栏)</dd>
                        </dl>
                        <dl>
                            <dt>配送:</dt>
                            <dd>限送50多个主要城市的市区及近郊：北京、上海、广州、深圳、天津、重庆、全部省会城市（西宁、拉萨除外）；大连、青岛、苏州、厦门、宁波、温州、南通、无锡、徐州、常州、昆山、珠海、东莞、佛山、桂林、烟台、洛阳、邯郸、三亚、吉林市、绵阳、包头、唐山、宝鸡、徐州</dd>
                        </dl>
                        <dl>
                            <dt>说明:</dt>
                            <dd><span class="textPrimary">畅销款！</span></dd>
                        </dl>
                    </div>
                    <div class="price por in-block">
                        <div class="priceOriginal">市场价: ¥329</div>
                        <div class="priceSell">
                            花礼价
                            <strong>
                                <em class="priceSign">¥</em>
                                <em class="priceNum">239</em>
                            </strong>
                        </div>
                    </div>
                    <div class="appzx">
                        <ul clearfix>
                            <li class="mu fl plft">
                                <font style="color:#737373">促销信息:</font>
                                <img src="img/appzx1.png" alt="">
                               ¥
                                <strong>234</strong>
                            </li>
                            <li class="mu fl dropdown por">
                                <a href="#">
                                    <span class="ico icowxrwm"></span>
                                    去APP购买
                                    <img src="img/xxjt.png" alt="">
                                </a>
                                <div class="dropdownMenu dropdownApp poa fl">
                                    <img src="img/app_qrcode.jpg" alt="">
                                    <p>
                                        首单在减20！<br>
                                        (需输入首单券号)
                                    </p>
                                </div>
                            </li>
                            <li class="mu fl dropdown por">
                                <a href="#">
                                    <span class="ico icowxrwm"></span>
                                    去APP购买
                                    <img src="img/xxjt.png" alt="">
                                </a>
                                <div class="dropdownMenu dropdownWeixin poa fl">
                                    <img src="img/tempqrpic.jpg" alt="">
                                    <p>
                                        扫码关注<br>
                                       回复"礼物"更多惊喜
                                    </p>
                                </div> 
                            </li>
                        </ul>
                    </div>
                    <div class="btnBuy">
                        <a href="#" class="btnPrimary btnLg btn">
                           <span class="icoCarWhite"></span>
                           立即购买 
                        </a>
                        <a href="#" class="btn btnLink">
                            <span class="icoHeart"></span>
                           关注 
                        </a>
                    </div>
                    <div class="share"></div>
                </div>   
            </div>
        </div>
        <!-- products end -->

<script src="js/flowerDetailsPage.js"></script>
<script src="js/jquery-1.11.3.min.js"></script>   
</body>
</html>